<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <!-- 引入favicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入初始化CSS文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入注册页CSS文件 -->
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <div class="w">
        <!-- 头部 -->
        <div class="header">
            <div class="logo">
                <a href="index.html">
                    <img src="img/logo.png" alt="">
                </a>
            </div>
        </div>

        <!-- 内容主体部分 -->
        <div class="registerarea">
            <h3>
                注册新用户
                <em>我有账号，去<a href="#">登陆</a></em>
            </h3>
            <div class="reg_form">
                <ul>
                    <li>
                        <label for="phone_number">手机号：</label>
                        <input type="text" name="" id="phone_number" class="inp">
                        <span class="error">
                            <i class="error_icon"></i> 手机格式不正确，请重新输入！
                        </span>
                    </li>
                    <li>
                        <label for="pwd">登录密码：</label>
                        <input type="text" name="" id="pwd" class="inp">
                        <span class="error">
                            <i class="error_icon"></i> 登录密码不能少于6位数，请重新输入！
                        </span>
                    </li>
                    <li class="safe">
                        安全程度 <span class="weak">弱</span><span class="in">中</span><span class="strong">强</span>
                    </li>
                    <li>
                        <label for="re_pwd">确认密码：</label>
                        <input type="text" name="" id="re_pwd" class="inp">
                        <span class="error">
                            <i class="error_icon"></i> 两次密码不一致，请重新输入！
                        </span>
                    </li>
                    <li>
                        <label for="verification_code">短信验证码：</label>
                        <input type="text" name="" id="verification_code" class="inp">
                        <span class="success">
                            <i class="success_icon"></i> 验证成功！
                        </span>
                    </li>
                    <li class="user_agreement">
                        <input type="checkbox" name="" id="">
                        我已阅读并同意遵守 <a href="#">《用户协议服务》</a>
                    </li>
                    <li class="complete_registration">
                        <input type="submit" value="完成注册">
                    </li>
                </ul>
            </div>
        </div>

        <!-- 底部 -->
        <div class="footer">
            <!-- 版权模块 -->
            <div class="mod_copyright">
                <p class="mod_copyright_links">
                    <a href="#">关于我们</a> |
                    <a href="#">联系我们</a> |
                    <a href="#">联系客服</a> |
                    <a href="#">商家入驻</a> |
                    <a href="#">营销中心</a> |
                    <a href="#">手机品优购</a> |
                    <a href="#">友情链接</a> |
                    <a href="#">销售联盟</a> |
                    <a href="#">品优购社区</a> |
                    <a href="#">品优购公益</a> |
                    <a href="#">English Site</a> |
                    <a href="#">Contact U</a>
                </p>
                <p class="mod_copyright_info">
                    地址：福建省龙岩市316公司 邮编：353200 电话：400-316-6666 传真：010-82935100 博客: <a href="http://www.h1234.top"
                        target="_blank">www.h1234.top</a>
                    <br>
                    <a href="https://beian.miit.gov.cn/#/Integrated/index">闽ICP备2020020616号-2</a> |
                    <img src="https://z3.ax1x.com/2021/06/05/2t1pxU.png" alt="">
                    <a
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35080202351229">闽公网安备35080202351229号</a>
                </p>
            </div>
        </div>
    </div>
</body>

</html>